<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/style02.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style03.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</head>

<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header display">
                <img class="logoSize" src="image/web标志_03.jpg" alt="javascrpit:void(0)">
            </div>
            <form class=" navbar-left margin-left40 width206 height25 display" role="search">
                <div class="search" id="searchDiv">
                    <img class="searchSize" src="image/搜索logo.jpg" alt="">
                    <input id="searchPut" type="text" class="inputSize" placeholder="大家都在搜索：荆州温度骤...">

                </div>
            </form>
            <div class="gn_position ">
                <div class="gn_nav">
                    <ul class="gn_nav_list">
                        <li class="f_left">
                            <a href="">
                                <img class="zhuye_size" src="image/主页logo.jpg" alt="#">
                                <span class="fontStyle">
                                    首页
                                </span>
                            </a>
                        </li>
                        <li class="f_left">
                            <a href="http://127.0.0.1:5502/index.html">
                                <img class="zhuye_size" src="image/我的logo.jpg" alt="#">
                                <span class="fontStyle">
                                    我的
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="gn_set_S">
                    <ul>
                        <li class="f_left">
                            <a href="http://127.0.0.1:5503/index.html#">
                                <img class="zhuye_size" src="image/设置logo.jpg" alt="#">
                            </a>
                        </li>

                        <li class="f_left">
                            <div>
                                <a href="#" id="msg">
                                    <img class="zhuye_size" src="image/消息logo.jpg" alt="#">
                                </a>
                            </div>
                        </li>

                    </ul>

                </div>
                <!-- 消息下拉框 -->
                <div class="msgLayer" id="msgLayer">
                    <ul>
                        <li class="msgList">
                            <a href="">
                                @我的
                            </a>
                        </li>
                        <li class="msgList">
                            <a href="">
                                评论
                            </a>
                        </li>
                        <li class="msgList">
                            <a href="">
                                赞
                            </a>
                        </li>
                        <li class="msgList">
                            <a href="">
                                私信
                            </a>
                        </li>
                    </ul>
                </div>


            </div>
        </div>
    </nav>
    <!-- 背景 -->
    <div class="bgI">
        <img class="backgroundImg" src="./image/首页背景.png" alt="background">
        <div class="container">
            <div class="main">
                <!-- 动态编辑区 -->
                <form action="">
                <div class="write_space">
                    <span>
                        <img class="artImg" src="image/艺术字.jpg" alt="艺术字">
                        <img class="dengImg" src="image/灯泡.jpg" alt="灯">
                    </span>
                    <div>
                        <textarea class="textSize" name="" id="" cols="0" rows="0">
                                </textarea>
                    </div>
                    <div class="quedingBtn">
                        <div class="quedindingInner">
                            <input id="put" class="putIcon" type="submit" value="发布">
                        </div>
                    </div>
                </div>
            </form>
                <!-- 主页个人框 -->
                <div class="head_portrait">
                    <!-- 头像 -->
                    <div class="head_up">
                        <img class="fly" src="image/个人小飞机.jpg" alt="fly">
                        <div class="head_border">
                            <div class="head_pic">
                                <img class="face_radius"
                                    src="https://tvax2.sinaimg.cn/crop.0.0.40.40.180/007CqUHJly4fzqqbtp3yij30140140i7.jpg?KID=imgbed,tva&Expires=1573217230&ssig=eHg2iQsEI%2B"
                                    alt="">
                                <!-- <img class="certification" src="image/认证图标.jpg" alt="认证"> -->
                            </div>
                        </div>
                    </div>
                    <!-- 姓名栏 -->
                    <div class="name_box">
                        <span class="font_size18 font_style">关西的桥</span>
                        <img class="boy_img" src="image/男生.jpg" alt="">
                    </div>
                    <!-- 我的粉丝们 -->
                    <ul class="user_atten">
                        <div class="renqi">
                            <li class="S_line1">
                                <strong class="font_size18">64</strong>
                                <span class="font_style font_size18">关注</span>
                            </li>
                            <li class="S_line1">
                                <strong class="font_size18">156</strong>
                                <span class="font_style font_size18">粉丝</span>
                            </li>
                            <li class="S_line1">
                                <strong class="font_size18">1040</strong>
                                <span class="font_style font_size18">微博</span>
                            </li>
                        </div>
                    </ul>
                </div>
                <!-- 大家发布的动态 -->
                <div class="dongtai">
                    <div class="dongtai_inner">
                        <div class="head_border">
                            <div class="head_pic">
                                <img class="face_radius"
                                    src="https://tvax2.sinaimg.cn/crop.0.0.40.40.180/007CqUHJly4fzqqbtp3yij30140140i7.jpg?KID=imgbed,tva&Expires=1573217230&ssig=eHg2iQsEI%2B"
                                    alt="">
                            </div>
                        </div>
                        <div class="text_space">
                            <p id="author" class="font_style font_size18"></p>
                            <div class="time_line font_style font_grey font_size12">
                                <span>昨天12:14</span>
                            </div>
                            <div class="content" id="content">

                            </div>
                        </div>
                    </div>
                    <div class="talk" id="talk">
                        <span class="margin-left40">
                            <span>
                                <img class="zan_img" src="image/zan.png" alt="zan">
                                <span id="good" class="cur_pointer">7</span>
                            </span>
                        </span>
                        <span class="margin-left40">
                            <span>
                                <img class="pl_img" src="image/pl.png" alt="pl">
                                <span id="pl" class="cur_pointer">7</span>
                            </span>
                        </span>

                    </div>

                </div>
                <form action="">
                <div id="pl_box" class="pl_box">
                    <input class="pl_text" type="text" name="" id="">
                    <div>
                        <input type="submit" value="评论" name="" id="">
                    </div>
                </div>
            </form>
                <!-- 热搜榜 -->
                <div class="hot_so" id="hot_so">
                    <div class="hot_so_title ">
                        <span class="font_style font_size18  ">热门搜索&nbsp;<span class="glyphicon glyphicon-fire"></span></span>
                    </div>
                    <div >
                        <ul class="hot_so_item">
                            <li><span class="font_style font_size12">国家励志奖学金发布</span></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </div>




            </div>
        </div>
    </div>
</body>

</html>